generate tabs dynamically using ajax

Hi friends, i am using ajax in asp.net.

i am using tab container, tab panel controls.

i want to add tab panel control dynamically on button click.

i form code is:

Expand|Select|Wrap|Line Numbers

 <%@ Page Language="C#" AutoEventWireup="true"  CodeFile="Default.aspx.cs" Inherits="_Default" %>
 
<%@ Register Assembly="System.Web.Extensions, Version=1.0.61025.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35"

    Namespace="System.Web.UI" TagPrefix="asp" %>

<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="cc1" %>
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 
<html xmlns="http://www.w3.org/1999/xhtml" >

<head runat="server">

    <title>Untitled Page</title>

</head>

<body>

    <form id="form1" runat="server">

    <div>

        &nbsp;</div>

      <asp:ScriptManager ID="ScriptManager1" runat="server">

        </asp:ScriptManager>

        <cc1:TabContainer ID="TabContainer1" runat="server" Width="600">

            <cc1:TabPanel ID="TabPanel1" runat="server" HeaderText="tab1">

             <ContentTemplate>

                    <asp:Button ID="asd" runat="server" Width="30" />

                </ContentTemplate>

            </cc1:TabPanel>

            <cc1:TabPanel ID="TabPanel2" runat="server" HeaderText="tab2">

            </cc1:TabPanel>
 
        </cc1:TabContainer>

        <asp:Button ID="Button1" runat="server" OnClick="Button1_Click" Text="Button" />
 
    </form>

</body>

</html>

my page code is:

Expand|Select|Wrap|Line Numbers

 public partial class _Default : System.Web.UI.Page 

{

    int i = 0;

    AjaxControlToolkit.TabPanel tp;
 
    protected void Page_Load(object sender, EventArgs e)

    {
 
    }

    protected void Button1_Click(object sender, EventArgs e)

    {

        i = i + 1;

        tp = new AjaxControlToolkit.TabPanel();

        tp.ID = "tp" + i.ToString();

        Button b = new Button();

        b.ID = "b" + i.ToString();

        tp.Controls.Add(b);

        tp.HeaderText = "i am new" + i.ToString();

        TabContainer1.Controls.Add(tp);

    }

}

i am able to add one dynamic tab when i click the button first time. But when i click the button for the second time, i am getting error.

"Specified argument was out of the range of valid values.
Parameter name: index "

any help?

thank you.

Nov 28 '08 #1

Subscribe Reply

8294

acoder

16,027

Expert Mod 8TB

As a full member now, you should know that we expect your code to be posted in [code] tags (See How to Ask a Question).

This makes it easier for our Experts to read and understand it. Failing to do so creates extra work for the moderators, thus wasting resources, otherwise available to answer the members' questions.

You have been told nicely before, but the advice has fallen on deaf ears it seems. Regard this as a warning. Further violations may lead to a temporary an your account which I'm sure you'll want to avoid.

Please use the tags in future.

Moderator

Nov 28 '08 #2

ravindarjobs

i do follow the rules from now.

Indeed, yes i forgotten to add them.
i wont repeat it again.

Thank you

@acoder

Nov 28 '08 #3

acoder

16,027

Expert Mod 8TB

@ravindarjobs
That doesn't seem like a JavaScript error. It seems like a .NET one. Can you post the client-side version of your code.

Nov 28 '08 #4

ravindarjobs

yes it is .net using ajax.

this link has helped me

Siderite Zackwehdex's Blog: Fixing TabContainer to work with dynamic TabPanels

Nov 28 '08 #5

acoder

16,027

Expert Mod 8TB

Glad you got it working and thanks for posting the solution :)

Nov 28 '08 #6

by: k.mitz | last post by:

Hi, I have a PHP application that allows users to generate a .pdf report of their database content. Normally, I've had to refresh a page to call the script to generate the report, so there's a...

Javascript

using AJAX with dynamically created web controls in C#.NET

by: nat | last post by:

Hi all, I was going to post this in the AJAX forum, but apparently someone posted an AJAX/C# question in there today and was told to try this forum instead. So here goes: I'm trying to figure...

C# / C Sharp

135

Tabs versus Spaces in Source Code

by: Xah Lee | last post by:

Tabs versus Spaces in Source Code Xah Lee, 2006-05-13 In coding a computer program, there's often the choices of tabs or spaces for code indentation. There is a large amount of confusion about...

Python

Best way to generate custom UI component?

by: sean.gilbertson | last post by:

Hi, I'm sort of new to ASP.NET 2.0 and ASP.NET in general. I have some data that I would like to display in a tabular format, but I'm going to be generating the columns dynamically, and I would...

ASP.NET

Best Approach To Tabs Navigation?

by: pbd22 | last post by:

Hi. I am building a bit of a "learn-as-you-go" web site. I have tabs that change based on what page the user is on. The problem is, I have been using a javascript doOnLoad function to recognize...

Javascript

Javascript won't load in Ajax-tabs - need to refresh page for tab to load

by: jianxin9 | last post by:

Hi, I have an ajax powered tabs box that has a javascript drop-down search menu in the first tab. When I click on another tab, and go back to the first tab I have to refresh the page to get the...

Javascript

Problem with AJAX calls in IE through accordion tabs

by: samikrc | last post by:

Hello, I have an accordion (using the Rico framework at www.openrico.org) and each tab of the accordion is basically some sort of wizard (having a description and a 'Start' button in each tab). When...

Javascript

Maintaining the look of dynamically added usercontrols

by: Nathan Sokalski | last post by:

I have a page which I dynamically add several usercontrols (*.ascx files) to using the following code: Public Sub Refresh() For Each section As DataRow In Me.GetSections().Rows...

ASP.NET

generate the controls in the table dynamically

by: =?Utf-8?B?aUhhdkFRdWVzdGlvbg==?= | last post by:

I have a dropdown with the list of items from 1 to 6 Below the dropdown there is a table(This table contains all textbox and dropdownlist) with 6 rows and 5 cloums, which is INVISIBLE by default. ...

ASP.NET

Looking to do Android software development, any suggestions? Is flutter better?

by: nemocccc | last post by:

hello, everyone, I want to develop a software for my android phone for daily needs, any suggestions?

General

Is that possible of reading the .csv file in column wise and the column have different lengths ?

by: Sonnysonu | last post by:

This is the data of csv file 1 2 3 1 2 3 1 2 3 1 2 3 2 3 2 3 3 the lengths should be different i have to store the data by column-wise with in the specific length. suppose the i have to...

C / C++

Maximizing Business Potential: The Nexus of Website Design and Digital Marketing

by: jinu1996 | last post by:

In today's digital age, having a compelling online presence is paramount for businesses aiming to thrive in a competitive landscape. At the heart of this digital strategy lies an intricately woven...

Online Marketing

The easy way to turn off automatic updates for Windows 10/11

by: Hystou | last post by:

Overview: Windows 11 and 10 have less user interface control over operating system update behaviour than previous versions of Windows. In Windows 11 and 10, there is no way to turn off the Windows...

Windows Server

Discussion: How does Zigbee compare with other wireless protocols in smart home applications?

by: tracyyun | last post by:

Dear forum friends, With the development of smart home technology, a variety of wireless communication protocols have appeared on the market, such as Zigbee, Z-Wave, Wi-Fi, Bluetooth, etc. Each...

General

AI Job Threat for Devs

by: agi2029 | last post by:

Let's talk about the concept of autonomous AI software engineers and no-code agents. These AIs are designed to manage the entire lifecycle of a software development project—planning, coding, testing,...

Career Advice

Couldn’t get equations in html when convert word .docx file to html file in C#.

by: conductexam | last post by:

I have .net C# application in which I am extracting data from word file and save it in database particularly. To store word all data as it is I am converting the whole word file firstly in HTML and...

C# / C Sharp

Trying to create a lan-to-lan vpn between two differents networks

by: TSSRALBI | last post by:

Hello I'm a network technician in training and I need your help. I am currently learning how to create and manage the different types of VPNs and I have a question about LAN-to-LAN VPNs. The...

Networking - Hardware / Configuration

Windows Forms - .Net 8.0

by: adsilva | last post by:

A Windows Forms form does not have the event Unload, like VB6. What one acts like?

Visual Basic .NET

generate tabs dynamically using ajax

Similar topics